var test = window.location.search;
var page_num = 1;
//页面加载之前的准备
$(document).ready(function(){
    //加载页面之前进行一次局部刷新
    forumload(page_num);
    //加载页面之前删除所有评论框
    $(".reply_textarea").remove();
    //加载翻页UI
    pageList();
})
function publish() {
    var content = document.getElementById('publish');
    if (content.value !== '' && content.value.length <= 1000) {
        //正则
        var replaceRegex = /(\n\r|\r\n|\r|\n)/g;
        //处理换行符
        content.value=content.value.replace(replaceRegex, "<br\>");
        console.log(content.value);
        $.ajax({
            type: 'POST',
            dataType: 'json',
            contentType: 'application/json;charset=UTF-8',
            data: JSON.stringify({
                "content": content.value,    // 帖子内容
            }),
            url: '/forum/publish' + test,
            success: function (data) {
                //提示框
                $('<div>').appendTo('body').addClass('alert alert-success').html('发布成功').show().delay(1500).fadeOut();
                forumload(page_num);  //局部刷新
                // window.location.reload()
            },
            error: function (data) {
                $('<div>').appendTo('body').addClass('alert alert-success').html('发布失败').show().delay(1500).fadeOut();
                forumload(page_num);;  //局部刷新
            },

        })
        $('#publish').val('请输入要发布的内容');
    } else {
        alert('不能为空');
    }
};
//翻页显示
function pageList() {
    var num1 = Number(page_num)
    var isHtml = '<li><a onclick="toPage('+(num1-5).toString()+')">«</a></li>';
    var num = parseInt((num1-1) / 5);
    for(var i = num*5+1; i<num*5+6; i++) {
        var str = i.toString();
        if (num1 === i) {
            isHtml += '<li><a class="active" onclick="toPage(' + str + ')">' + str + '</a></li>';
            continue;
        }
        isHtml += '<li><a onclick="toPage(' + str + ')">' + str + '</a></li>';
    }
    isHtml+='<li><a onclick="toPage('+(num1+5).toString()+')">»</a></li>'
    document.getElementById("pagination").innerHTML=isHtml;
}
//页面跳转
function toPage(num) {
    forumload(num);
    page_num = num;
    pageList();
    window.scroll(0,0);  //页面回滚至顶端
}

//评论框的显示和隐藏
function showAndhide(ID) {
    $(".reply").click(function(){
        $(".reply_textarea").remove();
        $(this).parent().append("<div class='reply_textarea'><textarea id='reply_content' cols='40' rows='5'></textarea><br/>" +
            "<input type='submit' value='发表' onclick='reply_submit(" +
            +ID+");'/></div>");
        console.log(ID);
    })
}
//评论存储函数
function reply_submit(ID) {
    var reply_content = document.getElementById("reply_content");
    //正则
    var replaceRegex = /(\n\r|\r\n|\r|\n)/g;
    //处理换行符
    reply_content.value=reply_content.value.replace(replaceRegex, "<br\>");

    $.ajax({
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
        data: JSON.stringify({
            "ParentID": ID,
            "Text": reply_content.value,

        }),
        url: '/forum/saveRemark',
        success: function (data) {
            if (data.msg == "Don't Login")
                alert("请先登录再评论");

            else {
                $('<div>').appendTo('body').addClass('alert alert-success').html('评论成功').show().delay(1500).fadeOut();
                forumload(page_num);;  //局部刷新
            }
        },
        error: function (data) {
            $('<div>').appendTo('body').addClass('alert alert-success').html('评论失败').show().delay(1500).fadeOut();
            forumload(page_num);;  //局部刷新
        },
    })
    console.log()
}

//签到js函数
function Sign() {
    $.ajax({
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
        url: '/forum/sign',
        success: function (data) {
            //提示框
            $('<div>').appendTo('body').addClass('alert alert-success').html(data.msg).show().delay(1500).fadeOut();
        },
        error: function (data) {
            alert('签到失败');
        },
    })
    console.log()
}

//点赞功能
function Star(ID) {
    $.ajax({
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
        data: JSON.stringify({
            "ID": ID,
        }),
        url: '/forum/star',
        success: function (data) {
                //提示框
                $('<div>').appendTo('body').addClass('alert alert-success').html(data.msg).show().delay(1000).fadeOut();
                forumload(page_num);;
        },
        error: function (data) {
            alert('点赞失败');
        },
    })
    console.log()
}
//局部刷新
function forumload(page_num) {
    $.ajax({
        url : "/forum/forum?pageNum="+page_num,
        type : "POST",
        contentType:"application/x-www-form-urlencoded;charset=UTF-8",
        success : function (data) {
            //将数据插入进去以达到局部刷新
            $("#frame").html(data);
        },
        error:function (errorMsg) {
            alert(errorMsg);
            alert("请输入搜索内容");
        }
    })
}
//上传头像触发事件
$(function() {
    $("#pic").click(function() {
        $("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
        $("#upload").on("change", function () {
            //触发上传函数
            upimg();
        })
    })
});
//上传头像到服务器
function upimg() {
    var pic = $('#upload')[0].files[0];
    var file = new FormData();
    //转化为FormData类型
    file.append('file', pic);
    $.ajax({
        url: "/forum/uploadFile",
        type: "post",
        data: file,
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {
            $('<div>').appendTo('body').addClass('alert alert-success').html(data.msg).show().delay(1500).fadeOut();
            window.location.reload();
        }
    });
}

